/*************zbl1.3***********/
/****************************************鏍呮牸******************************************/
.zbl-grid{font-size: 0;overflow: hidden;}
.zbl-grid li{box-sizing: border-box;display:inline-block;font-size: 16px;}
.zbl-lunbo{white-space:nowrap;overflow: hidden;}
.zbl-lunbo .zbl-grid{overflow: initial}
.zbl-lunbo li{margin-top: 0 !important;margin-bottom: 0 !important;}
.zbl-lunbo .left{cursor: pointer;}
.zbl-lunbo .right{cursor: pointer;}
/****************************************寤舵椂杩涘叆******************************************/
.zbl-delayed-opacity .opacity-1{opacity:0;}
.zbl-delayed-opacity .opacity-2{opacity:0;}
.zbl-delayed-opacity .opacity-3{opacity:0;}
.zbl-delayed-opacity .opacity-4{opacity:0;}
.zbl-delayed-top .top-1{position: relative;}
.zbl-delayed-top .top-2{position: relative;}
.zbl-delayed-top .top-3{position: relative;}
.zbl-delayed-top .top-4{position: relative;}
.zbl-delayed-left .left-1{position: relative;}
.zbl-delayed-left .left-2{position: relative;}
.zbl-delayed-left .left-3{position: relative;}
.zbl-delayed-left .left-4{position: relative;}
.zbl-delayed-right .right-1{position: relative;}
.zbl-delayed-right .right-2{position: relative;}
.zbl-delayed-right .right-3{position: relative;}
.zbl-delayed-right .right-4{position: relative;}
/****************************************鏇村鐨刪over鏁堟灉******************************************/
/*------------------鏇村涓€--------------*/
.zbl-more-1{ position: relative;}
.zbl-more-1 a{display: block; width: 100%; height: 100%;}
.zbl-more-1 .k{ background: #ccc; position: absolute;top: 0;left: 0; width:0px; height: 100%; transition:0.4s;}
.zbl-more-1:hover .k{ width: 100%;}
.zbl-more-1:hover .z{ color: #fff;}
/*------------------鏇村浜�--------------*/
.zbl-more-2{text-align:center;overflow:hidden; position: relative;}
.zbl-more-2:hover .k1{ position:absolute;animation:moreleft 0.5s; -webkit-animation: moreleft 0.5s; z-index:1;animation-fill-mode:forwards;background:#f48732; }
.zbl-more-2:hover .k2{ position:absolute;animation:moreright 0.5s; -webkit-animation: moreright 0.5s; z-index:1;animation-fill-mode:forwards ;background:#f48732;}
@keyframes moreleft{
	0%{  border-radius:50%;width:20%; height:80%; top:10%; left:0%;}
	40%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
	50%{  border-radius:50%;width:20%;height:80%; top:10%; left:60%;}
	100%{  width:100%; height:100%; top:0; left:0;background:#de5a08;}
	}
@keyframes moreright{
	0%{  border-radius:50%;width:20%; height:80%; top:10%;right:0%;}
	40%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
	50%{  border-radius:50%;width:20%; height:80%;top:10%; right:60%;}
	100%{  width:100%; height:100%;top:0;right:0;background:#de5a08;}
	}